<template>
<div class="container">
    <!--头部搜索栏-->
    <top-bar></top-bar>
    <!--头部轮播图-->
    <banner :listImg="listImg" :autoPlay="autoPlay" :loop="loop"></banner>
    <!--食品分类-->
    <food-category :foodCategoryList="foodCategoryList"></food-category>
    <!--猜你喜欢-->
    <three-list :threeListData="threeListData" :title="threeListDataTitle"></three-list>
    <!--周末攻略插图-->
    <illustration :data="chatu1"></illustration>
    <!--休闲时光插图-->
    <illustration :data="chatu2"></illustration>
    <!--插图-->
    <illustration :data="chatu3"></illustration>
    <!-- <restaurant-list></restaurant-list> -->
    <restaurant :data="resData"></restaurant>
    <!--底部选项-->
    <bottom-bar></bottom-bar>
</div>
</template>

<script>
// import Banner from '@/components/Banner.vue';
import FoodCategory from '@/components/foodCategory.vue';
import ThreeList from '@/components/ThreeList.vue';
import Illustration from '@/components/Illustration.vue';
import Restaurant from '@/pages/restaurant/Restaurant.vue';

var resData = [{
        name: "喜洋洋餐厅",
        addr: "政立路477",
        sellNum: 150,
        price: 30,
        activity: '买单立享满50元减20元',
        class: "快餐",
        tags: ["环境好", "实惠"]
    }, {
        name: "喜洋洋餐厅",
        addr: "政立路477",
        sellNum: 150,
        price: 30,
        activity: '买单立享满50元减20元',
        class: "快餐",
        tags: ["环境好"]
    }, {
        name: "喜洋洋餐厅",
        addr: "政立路477",
        sellNum: 150,
        price: 30,
        activity: '买单立享满50元减20元',
        class: "快餐",
        tags: ["环境好"]
    }, {
        name: "喜洋洋餐厅",
        addr: "政立路477",
        sellNum: 150,
        price: 30,
        activity: '买单立享满50元减20元',
        class: "快餐",
        tags: ["环境好"]
    }, {
        name: "喜洋洋餐厅",
        addr: "政立路477",
        sellNum: 150,
        price: 30,
        class: "快餐",
        tags: ["环境好"]
    },

];
export default {
    components: {
        // 'home-banner':Banner,
        'food-category': FoodCategory,
        'three-list': () =>
            import('../../components/ThreeList.vue'),
        'illustration': Illustration,
        'restaurant': Restaurant
    },
    data() {
        return {
            listImg: [{
                src: 'static/img/home/banner1.jpg',
                href: 'javascript:;'
            }, {
                src: 'static/img/home/banner2.jpg',
                href: 'javascript:;'
            }, {
                src: 'static/img/home/banner3.jpg',
                href: 'javascript:;'
            }, {
                src: 'static/img/home/banner4.jpg',
                href: 'javascript:;'
            }],
            autoPlay: true,
            loop: true,
            foodCategoryList: [{
                src: 'static/img/icon/zhongcan.png',
                name: '中餐',
                show: true,
                href: '/home'
            }, {
                src: 'static/img/icon/xican.png',
                name: '西餐',
                show: true,
                href: 'javascript:;'
            }, {
                src: 'static/img/icon/yinpin.png',
                name: '饮品',
                show: true,
                href: 'javascript:;'
            }, {
                src: 'static/img/icon/dessert.png',
                name: '甜点',
                show: true,
                href: 'javascript:;'
            }, {
                src: 'static/img/icon/dessert.png',
                name: '甜点',
                show: true,
                href: 'javascript:;'
            }, {
                src: 'static/img/icon/dessert.png',
                name: '甜点',
                show: true,
                href: 'javascript:;'
            }, {
                src: 'static/img/icon/dessert.png',
                name: '甜点',
                show: false,
                href: 'javascript:;'
            }, {
                src: 'static/img/icon/dessert.png',
                name: '甜点',
                show: true,
                href: 'javascript:;'
            }],
            threeListDataTitle: '猜你喜欢',
            threeListData: [{
                    title: '健康饮食',
                    text: '每天都是健康生活',
                    color: '#a8c9b7',
                    src: 'static/img/food/baozi.png'
                },
                {
                    title: '人气套餐',
                    text: '适合各种约会的选择',
                    color: '#EB801D',
                    src: 'static/img/food/baozi.png'
                },
                {
                    title: '经典小吃',
                    text: '网罗各地经典小吃',
                    color: '#FCC715',
                    src: 'static/img/food/baozi.png'
                },
                {
                    title: '特享自助',
                    text: '实惠的价格',
                    color: '#CE8E34',
                    src: 'static/img/food/baozi.png'
                },
                {
                    title: '绝味新品',
                    text: '带你领略未知的味道',
                    color: '#C60202',
                    src: 'static/img/food/baozi.png'
                },
                {
                    title: '每日推荐',
                    text: '每天都有新发现',
                    color: '#229651',
                    src: 'static/img/food/baozi.png'
                },
            ],
            chatu1: {
                title: "周末攻略",
                src: 'static/img/home/chatu1.jpg',
                data: [{
                    icon: "icon-zhongcan",
                    title: "中餐推荐",
                    titleColor: "#FD7245",
                    slideData: [{
                        name: '东坡肉',
                        src: 'static/img/food/dongporou.jpg'
                    }, {
                        name: '剁椒鱼头',
                        src: 'static/img/food/yutou.jpg'
                    }, {
                        name: '东坡肉',
                        src: 'static/img/food/dongporou.jpg'
                    }, {
                        name: '剁椒鱼头',
                        src: 'static/img/food/yutou.jpg'
                    }, {
                        name: '东坡肉',
                        src: 'static/img/food/dongporou.jpg'
                    }, {
                        name: '剁椒鱼头',
                        src: 'static/img/food/yutou.jpg'
                    }, {
                        name: '东坡肉',
                        src: 'static/img/food/dongporou.jpg'
                    }, {
                        name: '剁椒鱼头',
                        src: 'static/img/food/yutou.jpg'
                    }]
                }, {
                    icon: "icon-xicanting",
                    title: "西餐推荐",
                    titleColor: "#FFC759",
                    slideData: [{
                        name: '意大利面',
                        src: 'static/img/food/yimian.jpg'
                    }, {
                        name: '菲力牛排',
                        src: 'static/img/food/niupai.jpg'
                    }, {
                        name: '意大利面',
                        src: 'static/img/food/yimian.jpg'
                    }, {
                        name: '菲力牛排',
                        src: 'static/img/food/niupai.jpg'
                    }, {
                        name: '意大利面',
                        src: 'static/img/food/yimian.jpg'
                    }, {
                        name: '菲力牛排',
                        src: 'static/img/food/niupai.jpg'
                    }],
                }]
            },
            chatu2: {
                title: "休闲时光",
                src: 'static/img/home/chatu2.jpg',
                data: [{
                    icon: "icon-yinpin1",
                    title: "饮品推荐",
                    titleColor: "#F5D650",
                    slideData: [{
                        name: '牛奶菠萝',
                        src: 'static/img/food/niunaiboluo.jpg'
                    }, {
                        name: '清新夏日',
                        src: 'static/img/food/xiari.jpg'
                    }, {
                        name: '牛奶菠萝',
                        src: 'static/img/food/niunaiboluo.jpg'
                    }, {
                        name: '清新夏日',
                        src: 'static/img/food/xiari.jpg'
                    }, {
                        name: '牛奶菠萝',
                        src: 'static/img/food/niunaiboluo.jpg'
                    }, {
                        name: '清新夏日',
                        src: 'static/img/food/xiari.jpg'
                    }, ]
                }, {
                    icon: "icon-dangao",
                    title: "甜点推荐",
                    titleColor: "#E593CE",
                    slideData: [{
                        name: '甜心糕点',
                        src: 'static/img/food/gaodian.jpg'
                    }, {
                        name: '马卡龙',
                        src: 'static/img/food/makalong.jpg'
                    }, {
                        name: '绿意盎然',
                        src: 'static/img/food/lvyi.jpg'
                    }, {
                        name: '甜心糕点',
                        src: 'static/img/food/gaodian.jpg'
                    }, {
                        name: '马卡龙',
                        src: 'static/img/food/makalong.jpg'
                    }, {
                        name: '绿意盎然',
                        src: 'static/img/food/lvyi.jpg'
                    }, ],
                }]
            },
            chatu3: {
                title: "实时热点",
                src: 'static/img/home/chatu3.jpg'
            },
            resData

        }
    }
}
</script>

<style>
.container {}
</style>
